<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>table等高</title>
  <style>
    .box {
      display: table;
      width: 100%;
      min-height: 499px;
      table-layout: fixed;
    }

    .left {
      display: table-cell;
      width: 30px;
      vertical-align: top;
      background: lightblue;
      word-break: break-all;
    }

    .right {
      display: table-cell;
      background: gold;
    }
  </style>
</head>
<body>
<div class="box">
  <div class="left">
    table元素中的table-cell元素默认就是等高的
  </div>
  <div class="right">
    <div style="display: inline-block;height:50px; width:200px;margin: 30px;background:#000;"></div>
    <div style="display: inline-block;height: 100px;width:200px;background:#000;"></div>
  </div>
</div>


</body>
</html>